import React,{Component} from 'react'
import styled from 'styled-components'

import {MineComponent} from './indexcss'
import {Route,Link}from 'react-router-dom'

// const MineContainer = styled.div`
// flex:1
// `

class Mine extends Component {
    render(){
        return(
            // <MineContainer>
            <MineComponent>
                {/* 账户 */}
                <ul className="account">
                    <li>
                        <Link to = "/account">
                        <i className="icon-1"></i>
                        <p>
                            <span>账户</span>
                            <span>
                                <em>nd2278118562</em>
                                <i></i>
                            </span>
                        </p>
                        </Link>
                    </li>
                    <li>
                        <Link to = "/order">
                        <i className="icon-2"></i>
                        <p>
                            <span>订单</span>
                            <span>
                                <i></i>
                            </span>
                        </p>
                        </Link>
                    </li>
                    <li>
                        <Link to="/coupon">
                        <i className="icon-3"></i>
                        <p>
                            <span>红包、优惠卷</span>
                            <span>
                                <i></i>
                            </span>
                        </p>
                        </Link>
                    </li>
                </ul>
                {/* 竞拍 */}
                <ul className="auction">
                    <li>
                        <a href = "#">
                        <i className="icon-4"></i>
                        <p>
                            <span>我的竞拍</span>
                            <span>
                                <i></i>
                            </span>
                        </p>
                        </a>
                    </li>
                    <li>
                        <a href = "#">
                        <i className="icon-5"></i>
                        <p>
                            <span>我的拍卖卷</span>
                            <span>
                                <i></i>
                            </span>
                        </p>
                        </a>
                    </li>
                </ul>
                {/* 关于 */}
                <ul className="about">
                        <li>
                            <a href = "#">
                            <i className="icon-6"></i>
                            <p>
                                <span>关于寺库</span>
                                <span>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                        <li>
                            <a href = "#">
                            <i className="icon-7"></i>
                            <p>
                                <span>营业执照</span>
                                <span>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                        <li>
                            <a href = "#">
                            <i className="icon-8"></i>
                            <p>
                                <span>管理制度</span>
                                <span>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                        <li>
                        <a href = "#">
                            <i className="icon-9"></i>
                            <p>
                                <span>在线客服</span>
                                <span>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                        <li>
                        <a href = "#">
                            <i className="icon-10"></i>
                            <p>
                                <span>客服热线</span>
                                <span>
                                    <em>400 857 7878</em>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                        <li>
                        <a href = "#">
                            <i className="icon-11"></i>
                            <p>
                                <span>海外站购买说明</span>
                                <span>
                                    <i></i>
                                </span>
                            </p>
                            </a>
                        </li>
                </ul>
               {/* footer */}
                <div className="footer">
                    {/* footer-home */}
                    <div className="home">
                        <Link to="/home">
                        <i className="foot-icon-1"></i>
                            <span>首 页</span>
                        </Link>
                    </div>
                    {/* footer-shopCar */}
                    <div className="shop-car">
                    <Link to="/shopcar">
                        <i className="foot-icon-2"></i>

                            <span>购物袋</span>
                        </Link>
                    </div>
                    {/* footer-mine */}
                    <div className="mine">
                    <Link to="/mine">
                        <i className="foot-icon-3"></i>

                            <span>我的寺库</span>
                        </Link>
                    </div>
                {/* footer-title */}
                </div>
                    <div className="footer-title">
                        北京寺库商贸有限公司 联系电话：400 875 6789
                    <br/>地址：北京市东城区朝阳门内大街银河SOHO C座15层
                    </div>
            </MineComponent>
            // </MineContainer>
        )
    }
}

// class Mine extends Component {
//     render(){
//         return(
//             <MineContainer>
//                 Mine
//             </MineContainer>
//         )
//     }
// }

export default Mine